<div class="header-big  post-top css-color mb-4" id="search-bg" style="">
    <div class="s-search">
        <div id="search" class="s-search mx-auto d-flex flex-column justify-content-center align-items-center">
            <div id="search-list-menu" class="hide-type-list" style="width: 100%">
                <div class="s-type text-center">
                    <div class="s-type-list big">
                        <div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
                        <label for="type-bing" data-id="group-a"><span>常用</span></label>
                        <label for="type-baidu1" data-id="group-b"><span>搜索</span></label>
                        <label for="type-ping" data-id="group-c"><span>工具</span></label>
                        <label for="type-zhihu" data-id="group-d"><span>社区</span></label>
                        <label for="type-taobao1" data-id="group-e"><span>生活</span></label>
                        <label for="type-zhaopin" data-id="group-f"><span>求职</span></label>
                    </div>
                </div>
            </div>

            <form action="https://www.baidu.com?s=" method="get" target="_blank" class="super-search-fm container" style="position: relative">
                <div class="column" style="width: 100%; height: 100%">
                    <div class="col-12 d-flex flex-row justify-content-center align-items-center">
                        <!-- 使用Bootstrap输入组对齐 -->
                        <div class="input-group search-box" style="width: 100%;">
                            <input aria-label="input-keyword" type="text" id="search-text" class="form-control smart-tips search-key" data-is-internal=""
                                placeholder="输入搜索关键字" style="outline:0; height: 100%" autocomplete="off">
                            <div class="input-group-append">
                                <!-- height: 100% 继承父高度 -->
                                <button class="submit mr-4 d-flex align-items-center justify-content-center"
                                        style="height: 100%; width: 60px; padding: 0;" type="submit" aria-label="搜索">
                                    <i class="iconfont icon-search"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 align-self-start ml-4 mt-4 internal-search-box d-flex flex-row">
                        <label class="internal-search-label" style="color: #88908d;">
                            <input type="checkbox" id="internal-search-checkbox"> 站内搜索
                        </label>
                        <span id="view-new-site-btn" class="ml-3 position-relative view-new-site" style="cursor: pointer; color: #88908d;">
                            <i class="iconfont icon-chakan" style="font-size: 13px"></i> 最近新增
                            <span class="badge badge-pill badge-success position-absolute new-site-tips"
                                style="display: none; top: -4px; right: -32px; font-size: 10px; padding: 2px 4px;">new</span>
                        </span>
                    </div>
                    <div class="col-12 card search-smart-tips search-hot-text">
                        <ul id="word" style="display: none; overflow-y: auto"></ul>
                    </div>
                </div>
            </form>

            <!-- 折叠区域 -->
            <div class="collapse" id="advancedSettings">
                <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">
                    选择主题
                </button>
            </div>

            <div id="search-list" class="hide-type-list" style="width: 100%">
                <div class="search-group group-a">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" checked="checked" id="type-baidu"
                                value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
                            <label for="type-baidu"><span style="color: #6c757d;">百度</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-bing"
                                value="https://cn.bing.com/search?q=" data-placeholder="微软 Bing 搜索">
                            <label for="type-bing"><span style="color: #6c757d;">必应</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-google"
                                value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
                            <label for="type-google"><span style="color: #6c757d;">谷歌</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-filecr"
                                value="https://filecr.com/search?query=" data-placeholder="Filecr 破解软件搜索">
                            <label for="type-filecr"><span style="color: #6c757d;">软件</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-video"
                                value="https://thepiratebay.org/search.php?q=" data-placeholder="视频/游戏种子搜索 最好英文全称">
                            <label for="type-video"><span style="color: #6c757d;">种子</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-pubmed"
                                value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
                            <label for="type-pubmed"><span style="color: #6c757d;">文献</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-b">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-baidu1"
                                value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
                            <label for="type-baidu1"><span style="color: #6c757d;">百度</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-google1"
                                value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
                            <label for="type-google1"><span style="color: #6c757d;">谷歌</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-quark" value="https://quark.sm.cn/s?q="
                                data-placeholder="夸克手机搜索">
                            <label for="type-quark"><span style="color: #6c757d;">夸克</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-bing1"
                                value="https://cn.bing.com/search?q=" data-placeholder="微软 Bing 搜索">
                            <label for="type-bing1"><span style="color: #6c757d;">必应</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-sm" value="https://yz.m.sm.cn/s?q="
                                data-placeholder="UC 移动端搜索">
                            <label for="type-sm"><span style="color: #6c757d;">神马</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-c">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-ping" value="https://www.itdog.cn/ping/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-ping"><span style="color: #6c757d;">PING 检测</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-speed" value="https://www.itdog.cn/http/"
                                data-placeholder="测速链接由于官方链接重定向原因无法直接跳转">
                            <label for="type-speed"><span style="color: #6c757d;">测速查询</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-br" value="https://rank.chinaz.com/all/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-br"><span style="color: #6c757d;">权重查询</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-links" value="https://link.chinaz.com/"
                                data-placeholder="请输入网址(不带 https://)">
                            <label for="type-links"><span style="color: #6c757d;">友链检测</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-404"
                                value="https://tool.chinaz.com/Links/?DAddress=" data-placeholder="请输入网址(不带https://)">
                            <label for="type-404"><span style="color: #6c757d;">死链检测</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-d">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-zhihu"
                                value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
                            <label for="type-zhihu"><span style="color: #6c757d;">知乎</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-tieba"
                                value="https://tieba.baidu.com/f/search/res?ie=utf-8&qw=" data-placeholder="贴吧">
                            <label for="type-tieba"><span style="color: #6c757d;">贴吧</span></label>
                        <li><input hidden="" type="radio" name="type" id="type-wechat"
                                value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
                            <label for="type-wechat"><span style="color: #6c757d;">微信</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-weibo" value="https://s.weibo.com/weibo/"
                                data-placeholder="微博">
                            <label for="type-weibo"><span style="color: #6c757d;">微博</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-douban"
                                value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
                            <label for="type-douban"><span style="color: #6c757d;">豆瓣</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-e">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-taobao1"
                                value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
                            <label for="type-taobao1"><span style="color: #6c757d;">淘宝</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-jd"
                                value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
                            <label for="type-jd"><span style="color: #6c757d;">京东</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-xiachufang"
                                value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
                            <label for="type-xiachufang"><span style="color: #6c757d;">下厨房</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-xiangha"
                                value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
                            <label for="type-xiangha"><span style="color: #6c757d;">香哈菜谱</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-qunar" value="https://www.qunar.com/?"
                                data-placeholder="去哪儿">
                            <label for="type-qunar"><span style="color: #6c757d;">去哪儿</span></label>
                        </li>
                    </ul>
                </div>
                <div class="search-group group-f">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-zhaopin"
                                value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘">
                            <label for="type-zhaopin"><span style="color: #6c757d;">智联招聘</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-boss"
                                value="https://www.zhipin.com/web/geek/job?query=" data-placeholder="Boss直聘">
                            <label for="type-boss"><span style="color: #6c757d;">Boss直聘</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-51job" value="https://search.51job.com/?"
                                data-placeholder="前程无忧">
                            <label for="type-51job"><span style="color: #6c757d;">前程无忧</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-lagou"
                                value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网">
                            <label for="type-lagou"><span style="color: #6c757d;">拉钩网</span></label>
                        </li>
                        <li><input hidden="" type="radio" name="type" id="type-liepin"
                                value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网">
                            <label for="type-liepin"><span style="color: #6c757d;">猎聘网</span></label>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="bulletin-big mx-3 mx-md-0">
        <div id="bulletin_box" class="card my-2">
            <div class="card-body py-1 px-2 px-md-3 d-flex flex-fill text-xs text-muted">
                <div><i class="iconfont icon-bulletin" style="line-height:25px"></i></div>
                <div class="bulletin mx-1 mx-md-2 carousel-vertical">
                    <div class="carousel slide" data-ride="carousel" data-interval="3000">
                        <div class="carousel-inner" role="listbox" aria-label="滚动提示">
                            <div class="carousel-item active" role="option"><a class="overflowClip_1" href="#">用心精选每一个链接</a>
                            </div>
                            <div class="carousel-item" role="option"><a class="overflowClip_1" href="#">ikirito - 当然是好用啦！</a></div>
                        </div>
                    </div>
                </div>
                <div class="flex-fill"></div>
                <a title="关闭" href="javascript:;" rel="external nofollow" class="bulletin-close"
                    onclick="$('#bulletin_box').slideUp('slow');"><i class="iconfont icon-close"
                        style="line-height:25px"></i></a>
            </div>
        </div>
    </div>
</div>